<template>
  <div class="voice">
    <div>
      <div class="voice__left">{{ badge }}</div>
    </div>

    <i v-if="iconName" :class="iconName" />
    <div class="voice__content">
      <div class="voice__content__item">{{ content }}</div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    iconName: {
      type: String,
      default: ''
    },
    badge: {
      type: String,
      default: 'VOICE'
    },
    content: {
      type: String,
      default: 'THIS IS VOCIE'
    }
  }
}
</script>

<style lang="scss">
@import "~@/styles/ark-UI.scss";
</style>
